/* Import Open Sans from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,:wght@0,300;0,500;0,700;1,300;1,500&display=swap');

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Be Vietnam Pro,Helvetica,Ariel', sans-serif;
  background-color: #0c263d;
  color: #fff;
  line-height: 1.6;
}

/* Centered column layout */
.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
.article {
    text-align: center;
	max-width: 800px;
    margin: 0 auto;
  	padding: 20px;
  	box-sizing: border-box;
  	align-content: center;
  	color: purple;
  	background-color: wheat;
}

/* Responsive images inline with text */
img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.2;
}
a {
    color: red;
}

/* Optional: spacing for paragraphs and other block elements */
p {
  margin-bottom: 1.2em;
}

aside {
    float: right;
    width: 30%;
    padding: 5px;
    margin-left: 25px;  
    font-style: italic;
    color: darkblue;
    background-color: aliceblue;
}  

/* articles white background */
stories {
    background-color: #e8eaf6;
    padding: 60px 45px;
}
/*
.stories-inner {

    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
    grid-column-gap: 45px;
    grid-row-gap: 5px;
}

.story-item h3 {
    color: #283593;
    font-size: 1.5rem;
    font-weight: normal;
    margin: 0;
}
*/
.story-item p {
    margin: 0;
    line-height: 1.6;
    color: #333;
}
	
/* Make sure the layout is responsive on all screen sizes */
@media (max-width: 600px) {
  .container {
    padding: 15px;
  }
}
table, th, td {
  border: 2px solid cyan;
  border-collapse: collapse; }
  /* td { width: 20em; } */
  table td:nth-child(2) { text-align: right; }